<template>
  <el-breadcrumb :separator-icon="ArrowRight">
    <el-breadcrumb-item :to="item.path" v-for="(item) in List.data" :key="item.path" >
      {{ item.meta.title}}
    </el-breadcrumb-item>
  </el-breadcrumb>
</template>
  
<script setup>
  import { ArrowRight } from '@element-plus/icons-vue'
  import { useRoute } from 'vue-router'
  import { ref, computed, reactive } from "vue";

  const List = reactive({ data: [] })
  const route = useRoute()
  List.data = computed(() => route.matched)

</script>
  
<style>
.breadcrumb-s{
  align-self: flex-end;
}
</style>